<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div id="app">
        <!-- {{}}无法解析标签（会原样显示标签） -->
        <!-- v-html可以解析掉标签 ，v-html所绑定的值会覆盖标签原有的内容 -->
        <!-- v-text也无法解析标签 ，v-text所绑定的值会覆盖标签原有的内容-->
        <!-- v-pre不解析{{}}语法，原样显示，很少使用，不与v-cloak一起使用 -->
        <!-- v-once只会让所在标签渲染一次 -->
        <!-- v-cloak让标签在编译期间不显示{{}} -->
        <h1 v-once v-pre v-cloak>{{title}}</h1>
        <h1 v-html="title">vuejs</h1>
        <h1 v-text="title"></h1>
    </div>
    
</body>
<script src="./vue-2.5.21.js"></script>
</html>
<script>
    var v=new Vue({
        el:'#app',
        data:{
                // title:'<i>今天学习</i>'
                title:'今天学习'
            
        }
    })
</script>